
/*带树级状态的可搜索下拉框*/
.tree-type-search{
	background:#fff;
	border:1px solid #ccc;
}
.tree-type-search.fc-doing{
	border-color:#66afe9;
}
/*选中展示、搜索区域*/
.tree-type-search .choices-area{
	width:100%;
	padding:0px;
	border:0px;
	padding:0px 5px;
	position:relative;
}
.tree-type-search .choices-area .icon-loading{
	display:none;
	width:16px;
	height:16px;
	position:absolute;
	right:5px;
	z-index:3;
    -webkit-animation: rotation 1s ease-in-out infinite;
       -moz-animation: rotation 1s ease-in-out infinite;
            animation: rotation 1s ease-in-out infinite;
	background-size:16px;
}
.tree-type-search .choices-area .choices-list{
	display:block;
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.tree-type-search .choices-area .choices-list li{
	display:inline-block;
	max-width:100%;
	padding:0px 20px 0px 14px;
	color:#333;
	margin:3px 2px 3px 0px;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tree-type-search .choices-area .choices-list li.choice-field{
	position:relative;
	color:#fff;
	border:1px solid #2a6395;
	background:#3276b1;
}
.tree-type-search .choices-area .choices-list li.choice-field:hover{
}
.tree-type-search .choices-area .choices-list li.choice-field .show-text{
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:default;
}
.tree-type-search .choices-area .choices-list li.choice-field .del-action{
	width:10px;
	height:10px;
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
	background-size:10px;
}
.tree-type-search .choices-area .choices-list li.choice-field .del-action:hover{
	background-size:12px;
}
.tree-type-search .choices-area .choices-list li.search-field{
	width:auto;
	padding:0px;
	margin-right:0px;
}
.tree-type-search .choices-area .choices-list li.search-field .search-input{
	display:none;
	width:100%;
	height:100%;
	padding:0px 5px;
	border:0px;
}
.tree-type-search.fc-doing .choices-area .choices-list li.search-field .search-input{
	display:block;
}
.tree-type-search.fc-doing .choices-area .choices-list li.search-field .search-input:focus{
	border:0px;
}
/*数据为空提示*/
.tree-type-search .remind-area{
	display:none;
}
.tree-type-search.fc-doing .remind-area{
	display:block;
}
.tree-type-search .remind-area .remind-text{
	display:none;
	margin:4px;
	line-height:24px;
	padding:0px 10px;
	background:#f4f4f4;
	color:#000;
}
/*生成树区域*/
.tree-type-search .tree-area{
	display:none;
	width:100%;
	max-height:200px;
	overflow-y:auto;
}
.tree-type-search .tree-area ul.list-element{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.tree-type-search .tree-area ul.list-element li{
	border-top:1px solid #ccc;
	position:relative;
}
.tree-type-search .tree-area ul.list-element .ts-icon{
	display: block;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 0px;
	padding-right: 8px;
	border-right: 1px solid #ccc;
	cursor: pointer;
	background-size:12px 12px;
}
.tree-type-search .tree-area ul.list-element .ts-icon:hover{
	background-size:14px 14px;
	background-color:#f8f8f8;
}
.tree-type-search .tree-area ul.list-element .ts-title{
	display:block;
	height:30px;
	line-height:30px;
	font-weight:500;
	color:#000;
	cursor:pointer;
	text-indent:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tree-type-search .tree-area ul.list-element .ts-title:hover{
	color:#66afe9;
}
.tree-type-search .tree-area ul.list-element .ts-title .search-text{
	text-decoration: underline;
	color:#66afe9;
}
.tree-type-search .tree-area ul.list-element .ts-title.is-checked{
	cursor:not-allowed;
	opacity:0.5;
}



/*旋转动画特效果*/
@-webkit-keyframes rotation{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    0%{-moz-transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}



.icon-down-s1{
	background:url(../images/down-1.png) no-repeat;
}
.icon-right-s1{
	background:url(../images/right-1.png) no-repeat;
}
.icon-delete-s1{
	background:url(../images/delete-1.png) no-repeat;
}
.icon-refresh-s1{
	background:url(../images/refresh-1.png) no-repeat;
}

[class^="icon-"], [class*=" icon-"]{
	background-position: center center;
}